
<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
    	<!-- meta character set -->
        <meta charset="utf-8">
		<!-- Always force latest IE rendering engine or request Chrome Frame -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>New Zealand assistant website</title>
		<!-- Meta Description -->
        <meta name="description" content="Blue One Page Creative HTML5 Template">
        <meta name="keywords" content="one page, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation">
        <meta name="author" content="Muhammad Morshed">
		<!-- Mobile Specific Meta -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
		<!-- CSS
		================================================== -->
		
		<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
		
		<!-- Fontawesome Icon font -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- bootstrap.min -->
        <link rel="stylesheet" href="css/jquery.fancybox.css">
		<!-- bootstrap.min -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- bootstrap.min -->
        <link rel="stylesheet" href="css/owl.carousel.css">
		<!-- bootstrap.min -->
        <link rel="stylesheet" href="css/slit-slider.css">
		<!-- bootstrap.min -->
        <link rel="stylesheet" href="css/animate.css">
		<!-- Main Stylesheet -->
        <link rel="stylesheet" href="css/main.css">
		<!-- Modernizer Script for old Browsers -->
        <script src="js/modernizr-2.6.2.min.js"></script>

    </head>
	
    <body id="body">

		<!-- preloader -->
		<div id="preloader">
            <div class="loder-box">
            	<div class="battery"></div>
            </div>
		</div>
		<!-- end preloader -->

        <!--
        Fixed Navigation
        ==================================== -->
        <header id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
            <div class="container">
                <div class="navbar-header">
                    <!-- responsive nav button -->
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
                    </button>
					<!-- /responsive nav button -->
					
					<!-- logo -->
					<div class="navbar-brand">
						<img src="img/logo.png" width="50" style="position: relative;top:-15px"/>
					</div>
					<!-- /logo -->
                </div>

				<!-- main nav -->
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
                    <ul id="nav" class="nav navbar-nav">
                        <li><a href="#body">Home</a></li>
                        <li><a href="#service">About&nbsp;&nbsp;Wechat</a></li>
                        <li><a href="#portfolio">Cities</a></li>
                        <li><a href="#testimonials">Project</a></li>
                        <li><a href="#price">NZ ASSISTANT</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </nav>
				<!-- /main nav -->
				
            </div>
        </header>
        <!--
        End Fixed Navigation
        ==================================== -->
		
		<main class="site-content" role="main">
		
        <!--
        Home Slider
        ==================================== -->
		
		<section id="home-slider">
            <div id="slider" class="sl-slider-wrapper">

				<div class="sl-slider">

					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">

						<div class="bg-img bg-img-0"></div>

						<div class="slide-caption">
							<div class="caption-content">
								<h2 class="animated fadeInDown">Jucy orient day tour Milford sound</h2>
								<span class="animated fadeInDown"></span>
								<a href="#" class="btn btn-blue btn-effect">Join US</a>
							</div>
						</div>

					</div>

				
					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">

						<div class="bg-img bg-img-1"></div>

						<div class="slide-caption">
                            <div class="caption-content">
                                <h2 class="animated fadeInDown">R&R Kayaks</h2>
                                <span class="animated fadeInDown"></span>
                                <a href="#" class="btn btn-blue btn-effect">Join US</a>
                            </div>
                        </div>
						
					</div>
					
					<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
					
						<div class="bg-img bg-img-2"></div>
						<div class="slide-caption">
                            <div class="caption-content">
                                <h2>E-Ko Tours</h2>
                                <span></span>
                                <a href="#" class="btn btn-blue btn-effect">Join US</a>
                            </div>
                        </div>
						
					</div>
					
					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
						
						<div class="bg-img bg-img-3"></div>
						<div class="slide-caption">
                            <div class="caption-content">
                                <h2>On yer Bike</h2>
                                <span></span>
                                <a href="#" class="btn btn-blue btn-effect">Join US</a>
                            </div>
                        </div>

					</div>

					<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">


						<div class="bg-img bg-img-4"></div>
						<div class="slide-caption">
							<div class="caption-content">
								<h2>Glacier Helicopters</h2>
								<span></span>
								<a href="#" class="btn btn-blue btn-effect">Join US</a>
							</div>
						</div>

					</div>

					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">


						<div class="bg-img bg-img-5"></div>
						<div class="slide-caption">
							<div class="caption-content">
								<h2>Southern Alps Air</h2>
								<span></span>
								<a href="#" class="btn btn-blue btn-effect">Join US</a>
							</div>
						</div>

					</div>

					<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">


						<div class="bg-img bg-img-6"></div>
						<div class="slide-caption">
							<div class="caption-content">
								<h2>G Force Paragliding</h2>
								<span></span>
								<a href="#" class="btn btn-blue btn-effect">Join US</a>
							</div>
						</div>

					</div>

					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">


						<div class="bg-img bg-img-7"></div>
						<div class="slide-caption">
							<div class="caption-content">
								<h2>U-FLY</h2>
								<span></span>
								<a href="#" class="btn btn-blue btn-effect">Join US</a>
							</div>
						</div>

					</div>


				</div><!-- /sl-slider -->

                <!-- 
                <nav id="nav-arrows" class="nav-arrows">
                    <span class="nav-arrow-prev">Previous</span>
                    <span class="nav-arrow-next">Next</span>
                </nav>
                -->
                
                <nav id="nav-arrows" class="nav-arrows hidden-xs hidden-sm visible-md visible-lg">
                    <a href="javascript:;" class="sl-prev">
                        <i class="fa fa-angle-left fa-3x"></i>
                    </a>
                    <a href="javascript:;" class="sl-next">
                        <i class="fa fa-angle-right fa-3x"></i>
                    </a>
                </nav>


				<nav id="nav-dots" class="nav-dots visible-xs visible-sm hidden-md hidden-lg">
					<span class="nav-dot-current"></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</nav>

			</div><!-- /slider-wrapper -->
		</section>
			
		<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>


		<!-- Service section -->
		<section id="service">
			<div class="container">
				<div class="row">
				
					<div class="sec-title text-center">
						<h2 class="wow animated bounceInLeft">About Wechat</h2>
						<!--<p class="wow animated bounceInRight">介绍微信</p>-->
					</div>
					
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow animated zoomIn">
						<div class="service-item">
							<div class="service-icon">
								<i class="fa fa-home fa-3x"></i>
							</div>
							<!--<h3>User</h3>-->
							<p>
								There are on average 846 million people using WeChat every month which is 70% of China's population. Among all users, 60% of them are male. </p>
						</div>
					</div>
				
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0.3s">
						<div class="service-item">
							<div class="service-icon">
								<i class="fa fa-tasks fa-3x"></i>
							</div>
							<!--<h3>Well Documented</h3>-->
							<p>The user demographic of WeChat is young. The proportion of users from 18 to 35 year old makes up to 86% of all users. Most of the users are enterprise staff, freelancers, students and public institutions employees. </p>
						</div>
					</div>
				
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0.6s">
						<div class="service-item">
							<div class="service-icon">
								<i class="fa fa-clock-o fa-3x"></i>
							</div>
							<!--<h3>Design UI/UX</h3>-->
							<p>55% of the users open WeChat more than 10 times a day, while 25% of the users open WeChat more than 30 times a day. It shows that users have a strong dependency on WeChat.</p>
						</div>
					</div>
				
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0.9s">
						<div class="service-item">
							<div class="service-icon">
								<i class="fa fa-heart fa-3x"></i>
							</div>
							
							<!--<h3>Web Security</h3>-->
							<p>62% of the users have more than 50 contacts on WeChat. 40% of the users have more than 100 contacts.</p>
						</div>
					</div>
					
				</div>
			</div>
		</section>
		<!-- end Service section -->
		
		<!-- portfolio section -->
		<section id="portfolio">
			<div class="container">
				<div class="row">
				
					<div class="sec-title text-center wow animated fadeInDown">
						<h2>NEW ZEALAND CITIES</h2>
						<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
					</div>

					<ul class="project-wrapper wow animated fadeInUp">
						<li class="portfolio-item">
							<img src="img/portfolio/item.jpg" class="img-responsive" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat">
							<figcaption class="mask">
								<h3>Queenstown</h3>
								<p>
									Queenstown is a resort town in Otago in the south-west of New Zealand's South Island
								</p>
							</figcaption>
							<ul class="external">
								<li><a class="fancybox" title="Araund The world" data-fancybox-group="works" href="img/portfolio/item.jpg"><i class="fa fa-search"></i></a></li>
								<li><a href=""><i class="fa fa-link"></i></a></li>
							</ul>
						</li>
						
						<li class="portfolio-item">
							<img src="img/portfolio/item2.jpg" class="img-responsive" alt="Lorem Ipsum is simply dummy text of the printing and typesetting ndustry. ">
							<figcaption class="mask">
								<h3>Auckland</h3>
								<p>
									Auckland  in the North Island of New Zealand, is the most populous urban area in the country.
								</p>
							</figcaption>
							<ul class="external">
								<li><a class="fancybox" title="Wall street" href="img/slider/banner1.jpg" data-fancybox-group="works" ><i class="fa fa-search"></i></a></li>
								<li><a href=""><i class="fa fa-link"></i></a></li>
							</ul>
						</li>
						
						<li class="portfolio-item">
							<img src="img/portfolio/item3.jpg" class="img-responsive" alt="Lorem Ipsum is simply dummy text of the printing and typesetting ndustry. ">
							<figcaption class="mask">
								<h3>Wellington</h3>
								<p>
									Wellington  is the capital city and second most populous urban area of New Zealand
								</p>
							</figcaption>
							<ul class="external">
								<li><a class="fancybox" title="Behind The world" data-fancybox-group="works" href="img/portfolio/item3.jpg"><i class="fa fa-search"></i></a></li>
								<li><a href=""><i class="fa fa-link"></i></a></li>
							</ul>
						</li>
						
						<li class="portfolio-item">
							<img src="img/portfolio/item4.jpg" class="img-responsive" alt="Lorem Ipsum is simply dummy text of the printing and typesetting ndustry.">
							<figcaption class="mask">
								<h3>Christchurch</h3>
								<p>
									Christchurch is the largest city in the South Island of New Zealand and the seat of the Canterbury Region.
								</p>
							</figcaption>
							<ul class="external">
								<li><a class="fancybox" title="Wall street 4" data-fancybox-group="works" href="img/portfolio/item4.jpg"><i class="fa fa-search"></i></a></li>
								<li><a href=""><i class="fa fa-link"></i></a></li>
							</ul>
						</li>
						
						<li class="portfolio-item">
							<img src="img/portfolio/item5.jpg" class="img-responsive" alt="Lorem Ipsum is simply dummy text of the printing and typesetting ndustry. ">
							<figcaption class="mask">
								<h3>Rotorua</h3>
								<p>
									<!--Rotorua is a city on the southern shores of the lake of the same name, in the Bay of Plenty Region of New Zealand's North Island.-->
									Rotorua is a city on the southern shores of Lake Rotorua, in the Bay of Plenty Region of New Zealand's North Island.
								</p>
							</figcaption>
							<ul class="external">
								<li><a class="fancybox" title="Wall street 5" data-fancybox-group="works" href="img/portfolio/item5.jpg"><i class="fa fa-search"></i></a></li>
								<li><a href=""><i class="fa fa-link"></i></a></li>
							</ul>
						</li>
						
						<li class="portfolio-item">
							<img src="img/portfolio/item6.jpg" class="img-responsive" alt="Lorem Ipsum is simply dummy text of the printing and typesetting ndustry. ">
							<figcaption class="mask">
								<h3>Nelson</h3>
								<p>
									<!--Nelson is a city on the eastern shores of Tasman Bay, and is the economic and cultural centre of the region of the same name.-->
									Nelson is a city on the eastern shores of Tasman Bay, and is the economic and cultural centre of the region.
								</p>
							</figcaption>
							<ul class="external">
								<li><a class="fancybox" title="Wall street 6" data-fancybox-group="works" href="img/portfolio/item6.jpg"><i class="fa fa-search"></i></a></li>
								<li><a href=""><i class="fa fa-link"></i></a></li>
							</ul>
						</li>
					</ul>
					
				</div>
			</div>
		</section>
		<!-- end portfolio section -->
		
		<!-- Testimonial section -->
		<section id="testimonials" class="parallax">
			<div class="overlay">
				<div class="container">
					<div class="row">
					
						<div class="sec-title text-center white wow animated fadeInDown">
							<h2>ABOUT NZ ASSISTANT</h2>
						</div>
						
						<div id="testimonial" class=" wow animated fadeInUp">
							<div class="testimonial-item text-center">
								<img src="img/member-1.jpg" alt="Our Clients">
								<div class="clearfix">
									<span>NZ ASSISTANT BRIEF INTRODUCTION</span>
									<p>NZ Assistant [NZA] is designed to satisfy the needs of Chinese travellers to New Zealand by assisting them
										and giving them freedom to book tickets, order car tours or finding local tour guides in different
										areas of New Zealand.
										NZ Assistant is a specialised channel which offers discounted activities and attractions for the
										consumer.  It's simple operating system allows a direct link between potential Chinese consumers and
										business operators. </p>
								</div>
							</div>
							<div class="testimonial-item text-center">
								<img src="img/member-1.jpg" alt="Our Clients">
								<div class="clearfix">
									<span>THE BENEFITS OF NZ ASSISTANT</span>
									<p>
										In 2016, the amount of Chinese tourists arriving in New Zealand is approximately 450,000.  Tourism New
										Zealand estimate this figure will reach 2 million by 2018. If NZ ASSISTANT only attracts 10% of these
										Chinese tourists, then by the end of 2017, we could have the potential of hundreds of thousands of users.
										These rapidly increasing numbers show a huge market that is currently lacking a tool to connect them
										directly to New Zealand businesses.
									</p>
								</div>
							</div>
							<div class="testimonial-item text-center">
								<img src="img/member-1.jpg" alt="Our Clients">
								<div class="clearfix">
									<span>THE BENEFITS OF NZ ASSISTANT</span>
									<p>
										Users can find NZA either by scanning our QR code or entering key words in WeChat.  We will also promote
										NZA in the main airports in New Zealand and throughout the Chinese community in New Zealand.  In China, we are
										promoting NZA through WeChat,  Weibo,  online travel forums,  group chats,  exhibitions and cooperations with
										independent travel agencies.
									</p>
								</div>
							</div>
							<div class="testimonial-item text-center">
								<img src="img/member-1.jpg" alt="Our Clients">
								<div class="clearfix">
									<span>THE BENEFITS OF NZ ASSISTANT</span>
									<p>
										There are 14 flights from Mainland China, Hong Kong, Taipei and Singapore arriving in Auckland
										daily.  A conservative estimate is if 100 passengers per flight scan and follow NZ Assistant in the
										arrival area, then every day there will be 1400 people subscribed to NZ Assistant.  By 2017,  that's 511,000
										users annually!
									</p>
								</div>
							</div>
						</div>
					
					</div>
				</div>
			</div>
		</section>
		<!-- end Testimonial section -->
		
		<!-- Price section -->
		<section id="price">
			<div class="container">
				<div class="row">

					<div class="sec-title text-center wow animated fadeInDown">
						<h2>NZ ASSISTANT</h2>
						<!--<p>Our price for your company</p>-->
					</div>

					<div class="col-md-10 wow animated fadeInUp" style="margin:0 10%">
						<div>
							<img src="img/phone.png" width="90%">
							<img src="img/phone2.png" width="90%">
						</div>
					</div>


				</div>
			</div>
		</section>
		<!-- end Price section -->
		
		<!-- Social section -->
		<section id="social" class="parallax">
			<div class="overlay">
				<div class="container">
					<div class="row">
					
					<!--	<div class="sec-title text-center white wow animated fadeInDown">
							<h2>FOLLOW US</h2>
							<p>Beautifully simple follow buttons to help you get followers on</p>
						</div>-->
						
						<!--<ul class="social-button">
							<li class="wow animated zoomIn"><a href="#"><i class="fa fa-thumbs-up fa-2x"></i></a></li>
							<li class="wow animated zoomIn" data-wow-delay="0.3s"><a href="#"><i class="fa fa-twitter fa-2x"></i></a></li>
							<li class="wow animated zoomIn" data-wow-delay="0.6s"><a href="#"><i class="fa fa-dribbble fa-2x"></i></a></li>							
						</ul>-->
						
					</div>
				</div>
			</div>
		</section>
		<!-- end Social section -->
		
		<!-- Contact section -->
		<section id="contact" >
			<div class="container">
				<div class="row">
					
					<div class="sec-title text-center wow animated fadeInDown">
						<h2>Contact</h2>
						<p>Leave a Message</p>
					</div>

					<div class="col-md-7 contact-form wow animated fadeInLeft">
						<form action="/mulanweb/common/info_collect/save" method="post">
							<div class="input-field">
								<input type="text" name="name" class="form-control" placeholder="Your Name...">
							</div>
							<div class="input-field">
								<input type="email" name="email" class="form-control" placeholder="Your Email...">
							</div>
							<div class="input-field">
								<input type="text" name="subject" class="form-control" placeholder="Subject...">
							</div>
							<div class="input-field">
								<textarea name="message" class="form-control" placeholder="Messages..."></textarea>
							</div>
					       	<button type="submit" id="submit" class="btn btn-blue btn-effect">Send</button>
						</form>
					</div>
					
					<div class="col-md-5 wow animated fadeInRight">
						<address class="contact-details">
							<h3>Contact Us</h3>
							<!--<p><i class="fa fa-pencil"></i>Phoenix Inc.<span>PO Box 345678</span> <span>Little Lonsdale St, Melbourne </span><span>Australia</span></p><br>-->
							<p><i class="fa fa-phone"></i>Phone: 0276256220 </p>
							<p><i class="fa fa-envelope"></i>Benjacksties@gmail.com</p>
							<p><i class="fa fa-wechat"></i>wxid_dznnpygnvk3112</p>
						</address>
					</div>
		
				</div>
			</div>
		</section>
		<!-- end Contact section -->

		</main>
		
		<footer id="footer">
			<div class="container">
				<div class="row text-center">
						<p>由沐兰技术组提供技术支持</p>
					<!--<div class="footer-content">
						&lt;!&ndash;<div class="wow animated fadeInDown">
							<p>newsletter signup</p>
							<p>Get Cool Stuff! We hate spam!</p>
						</div>
						<form action="#" method="post" class="subscribe-form wow animated fadeInUp">
							<div class="input-field">
								<input type="email" class="subscribe form-control" placeholder="Enter Your Email...">
								<button type="submit" class="submit-icon">
									<i class="fa fa-paper-plane fa-lg"></i>
								</button>
							</div>
						</form>
						<div class="footer-social">
							<ul>
								<li class="wow animated zoomIn"><a href="#"><i class="fa fa-thumbs-up fa-3x"></i></a></li>
								<li class="wow animated zoomIn" data-wow-delay="0.3s"><a href="#"><i class="fa fa-twitter fa-3x"></i></a></li>
								<li class="wow animated zoomIn" data-wow-delay="0.6s"><a href="#"><i class="fa fa-skype fa-3x"></i></a></li>
								<li class="wow animated zoomIn" data-wow-delay="0.9s"><a href="#"><i class="fa fa-dribbble fa-3x"></i></a></li>
								<li class="wow animated zoomIn" data-wow-delay="1.2s"><a href="#"><i class="fa fa-youtube fa-3x"></i></a></li>
							</ul>
						</div>&ndash;&gt;
						
						&lt;!&ndash;<p>Copyright &copy; 2014-2015 More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>&ndash;&gt;
					</div>-->
				</div>
			</div>
		</footer>
		
		<!-- Essential jQuery Plugins
		================================================== -->
		<!-- Main jQuery -->
        <script src="js/jquery-1.11.1.min.js"></script>
		<!-- Twitter Bootstrap -->
        <script src="js/bootstrap.min.js"></script>
		<!-- Single Page Nav -->
        <script src="js/jquery.singlePageNav.min.js"></script>
		<!-- jquery.fancybox.pack -->
        <script src="js/jquery.fancybox.pack.js"></script>
		<!-- Google Map API -->
		<!-- Owl Carousel -->
        <script src="js/owl.carousel.min.js"></script>
        <!-- jquery easing -->
        <script src="js/jquery.easing.min.js"></script>
        <!-- Fullscreen slider -->
        <script src="js/jquery.slitslider.js"></script>
        <script src="js/jquery.ba-cond.min.js"></script>
		<!-- onscroll animation -->
        <script src="js/wow.min.js"></script>
		<!-- Custom Functions -->
        <script src="js/main.js"></script>
    </body>
</html>